/**
 切换整体样式的时候,修改此文件
 */
.header_container {
  // 顶部背景色
  background:green;
  // 顶部字体颜色
  color:#fff;
  .userinfo {
    .fileTitle{
      span{
        // 借阅车档案数量颜色
        color:orange;
      }
    }
  }
}

aside {
  .navNum{
    // ?,可以不改
    background: orange;
    color: #fff;
  }

  .el-menu{
    .menuTools{
      // 左侧菜单的收缩箭头背景色
      background: green;
      span{
        // 左侧菜单的收缩箭头颜色
        color:#FFF;
      }
    }
  }
}

/*更改左侧导航样式*/
.el-menu{
  // 左侧导航背景色,可以不改
  background: #FFFFFF !important;
  .el-menu--inline{
    // ?,可以不改
    background: #eaf7ff !important;
    .el-menu-item{
      // ?,可以不改
      color:#000;
    }
  }
  // 左侧菜单中一级菜单无子项的样式,可以不改
  .el-menu-item{
    //color:#000 !important;
    background: #FFFFFF !important;
    border-bottom: 1px solid #f5f5f5;
    i{
      color:#444;
    }
  }
  // 左侧菜单中菜单项点击后样式
  .el-menu-item.is-active {
    color: #FFFFFF !important;
    li {
      background-color: green !important;
    }
  }
  // 左侧菜单中一级菜单有子项的激活样式
  .el-submenu.is-active {
    .el-submenu__title{
      // 展开菜单后的菜单背景色
      background-color: #13ce66 !important;
      // 展开菜单后的激活时候的上部边框颜色
      border-bottom: 2px solid green;
      color: #3a75c3 !important;
      .iconfont,i {
        // 菜单项图标的颜色
        color: green !important;
      }
    }
    // 展开菜单后的激活时候的底部边框颜色
    .el-menu.el-menu--inline {
      border-bottom: 2px solid green;
    }
  }
  .el-submenu__title{
    // 有子项一级菜单背景色,可以不改
    background: #FFFFFF !important;
  }

  .el-submenu__title:hover{
    // 有子项一级菜单背景色,可以不改
    //background-color:#eaf7ff !important;
    background-color:yellowgreen !important;
  }
  //子集
  .el-submenu{
    .el-menu-item{
      // 左侧菜单中二级菜单的背景色
      background: #FFFFFF !important;
    }
  }
}

/*库房管理*/
section .mainTitleSub {
  background: #fff;
  border-top: 2px solid green;
  color: #0C0C0C;
  b {
    background: green;
  }
}
.fontClass {
  i {
    color: green;
  }
}

/* 档案详情*/
.loanTipTitle{
  color: green !important;
  text-shadow: 0px 1px 3px rgba(121,170,236,1);

}
.blueBlock {
  background-color: green !important;
}
.bluetopLine {
  border-top: 2px solid green !important;
}

.mybuttons {
  background-color: green !important;
  color: #FFFFFF;
  box-shadow: 0px 3px 5px 0px #a8defd;
  border: 1px solid rgba(255, 255, 255, 0.6);
}

section .mainTitle {
  color: green !important;
}
// 借阅一览 右边的切换
.more .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  color: #FFF;
  border-color: green !important;
  background: green !important;
}
// 借阅一览 tab ,有时间把这个控件换掉
.mainBorrowTop .mainBorrowBottom .el-tabs__header .el-tabs__item.is-active {
  color: green;
  border-bottom: 4px solid green;
}